
#header .header_nav ul .products_nav{	
	
	border-bottom: 5px solid #e0c49c;
		
}
#header .header_nav ul .products_nav a{	
	color: #FFFFFF;
	
}

.rm-container{
	width: 73.9583%;
	margin: 0 auto;
	z-index: 1000;
}
.productlist{
	position: relative;
	width: 73.9583%;
	margin: 0 auto;

}

.productlist ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	margin: 0 auto;
	padding-top: 20px;
}
.productlist ul li{
	position: relative;
	margin-bottom: 20px;
	width: 19%;
	cursor:pointer;
	z-index: 1;
}

.productlist  ul li  div{
	width: 100%;
}
.productlist  ul li  div:nth-child(1){
	border: 1px solid #72AE58;
}
.productlist  ul li  div:nth-child(1) img{
	width: 100%;
}
.productlist  ul li  div:nth-child(2){
	color: #000;	
	text-align: center;
	padding-top: 5px;
}
.productlist ul li:hover div:nth-child(2) h3{
	color: #008000;
}

nav .frist_ul{
	display: flex;
	justify-content: space-around;
	position: relative;
	background: #f8f8fa;	
}
nav .frist_ul li{
	text-align: center;
	position: relative;
	height: 60px;
	width: 20%;
	line-height: 60px;
}
nav .frist_ul li a{
	color: #848486;
	font-size: 16px;
}
nav .frist_ul li .second_ul{
	position: absolute;
	z-index: 10;
	top: 60px;
	left: 0;
	width: 100%;
	background: #999;
	display: none;
	transition: 1s;
	
}
nav .frist_ul li:hover{
	background: #dbc594;
	color: #FFFFFF;
}
nav .frist_ul li:hover a{
	
	color: #FFFFFF;
}
nav .frist_ul li:hover .second_ul{
	display: block;
}

nav .frist_ul li .second_ul dd{
	position: relative;
	width: 100%;
}
nav .frist_ul li .second_ul dd:hover{
	background: #dbc594;
	color: #FFFFFF;
}
nav .frist_ul li .second_ul dd .three_ul{
	position: absolute;
	z-index: 11;
	top: 0px;
	left: 100%;
	width: 100%;
	background: #666;
	display: none;
	transition: 1s;
	overflow: hidden;
}
nav .frist_ul li .second_ul dd:hover  .three_ul{
	display: block;
}
nav .frist_ul li .second_ul dd:hover  .three_ul div:hover{
	background: #dbc594;
	color: #FFFFFF;
}
.pages{
	text-align: center;
	margin: 10px 0;
}

@media screen and (max-width: 970px){
	.rm-container{
		width: 100%;
	}
	.productlist ul li{
		width: 23%;
	}
	
}

@media screen and (max-width: 768px){
	
	.productlist ul li{
	
	width: 30%;

	margin-bottom: 10px;
	margin-top: 10px;
		
}
nav .frist_ul{
	display: block;
}
nav .frist_ul li .second_ul{
	top: 0px;
	left: 100%;

	
}
nav .frist_ul li{	
	width: 33%;	
}

}
@media screen and (max-width: 480px){

	.productlist ul li{
	
	width: 45%;
	
	
}
.productlist ul li{
	
	width: 45%;
	
		
}
}